<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery nbsp slider Plugin Demo1 横向切换模式</title>
<link type="text/css" rel="stylesheet" href="../../js/jplugin/style/nbspSlider/css.css" />
<script type="text/javascript" src="../../js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../js/jplugin/jquery.nbspSlider.1.1.js"></script>
<script type="text/javascript">
	$(document).ready(function(){	
		$("#slider1").nbspSlider({
			autoplay:1,
			delays:3000,
			speeds:700,
			effect:'vertical',
			numBtnSty:'rectangle'	    // num、square、circle、roundness、rectangle == 
		});
	});
</script>
<meta name="description" content="jQuery nbsp slider">
</meta>
</head>

<body>

<h2>Demo1横向切换模式</h2>
	<div id="slider1">
		<ul>				
			<li><a href="javascript:void(0);"><img src="../../images/nbspSlider/01.jpg" alt="1111111111" /></a></li>
			<li><a href="javascript:void(0);"><img src="../../images/nbspSlider/02.jpg" alt="22222222222" /></a></li>
			<li><a href="javascript:void(0);"><img src="../../images/nbspSlider/03.jpg" alt="333333333333" /></a></li>
			<li><a href="javascript:void(0);"><img src="../../images/nbspSlider/04.jpg" alt="444444444444" /></a></li>
			<li><a href="javascript:void(0);"><img src="../../images/nbspSlider/05.jpg" alt="555555555555" /></a></li>			
		</ul>
	</div>

</body>
</html>
